@import '../variables.scss';

/*** MAIN ***/

html,
body {
    padding: 0;
    margin: 0;
    color: $fontColorDark;
    font-size: $fontSizeBase;
    background: $colorAppBg;
}

*:focus {
    outline: none;
}

footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    box-sizing: border-box;
    padding: 5px 10px;    
    background: darken($themeColor, 25%);
    color: $fontColorLight;

    a, a:visited {
        color: darken($fontColorLight, 15%);
        font-style: normal;
        text-decoration: none;
        background: $colorAppBg;
        padding: 5px 10px;
        box-sizing: border-box;
        margin: 0 5px;
        &:hover, &:active {
            color: darken($fontColorLight, 30%);
        }
    }
    
    .copyright {
        font-size: 0.8rem;
        font-style: italic;

        &.left {
            float :left;
        }
        &.right {
            float :right;
        }
    }
}

